<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html" xmlns:f="http://java.sun.com/jsf/core"
	xmlns:a4j="https://ajax4jsf.dev.java.net/ajax"
	xmlns:rich="http://richfaces.ajax4jsf.org/rich">
	
	<rich:dataTable 
		id="#{id}" 
		value="#{value}" 
		var="#{var}" 
		rendered="#{rendered == null ? true : rendered}"
		width="100%" 
		rows="#{rows}">
		<f:facet name="header">
			<rich:columnGroup>
				<ui:insert name="headers"/>
			</rich:columnGroup>
		</f:facet>
		<ui:insert name="columns"/>
	</rich:dataTable>
					
	<rich:jQuery selector="#{id} tr:odd" query="addClass('rad-framework-row-odd')" />
	<rich:jQuery selector="#{id} tr:even" query="addClass('rad-framework-row-even')" />
	<rich:jQuery selector="#{id} tr" query="mouseover(function(){jQuery(this).addClass('rad-framework-row-over')})"/>
	<rich:jQuery selector="#{id} tr" query="mouseout(function(){jQuery(this).removeClass('rad-framework-row-over')})"/>
				
	<h:panelGrid
		columns="1" 
		width="100%"  
		rendered="#{rendered == null ? true : rendered}">
		<rich:spacer width="1" height="5"/>
		<a4j:form id="scrollerFor#{id}">
			<rich:datascroller 
				for="#{id}" 
				align="right" 
				maxPages="#{maxPages}"/>
		</a4j:form>
	</h:panelGrid>
	
</ui:composition>